@import './publicize-message.scss';
@import './publicize-options.scss';
@import './publicize-services.scss';

.editor-fieldset.editor-sharing__sharing-like-options {
	margin-top: 0;
}

.editor-sharing__shortlink {
	border-top: 1px solid var( --color-neutral-0 );
	color: var( --color-neutral-light );
	font-size: $font-body-extra-small;
	margin: 16px -16px 0;
	padding: 8px 16px 0;
	text-align: left;
	text-transform: uppercase;

	&.is-standalone { // 'Sharing' section is hidden
		border-top: none;
		margin-top: -16px;
	}
}

.editor-sharing__shortlink-label {
	padding: 8px 0;
	display: block;
	user-select: none;
}

input[type='text'].editor-sharing__shortlink-field {
	background: var( --color-neutral-0 );
	color: var( --color-neutral-70 );
	flex-grow: 1;
	font-size: $font-body-extra-small;
	width: 100%;
	line-height: 1;
	vertical-align: bottom;
}

.editor-sharing__publicize-connection {
	display: block;
	font-size: $font-body-extra-small;
	padding: 2px 0;

	label input[disabled] + span {
		opacity: 0.5;
	}
}

.editor-sharing__broken-publicize-connection {
	margin: 8px -16px;
}

.editor-sharing__broken-publicize-connection-button {
	cursor: pointer;
	color: white;
	font-weight: 600;
	text-decoration: underline;
}

.editor-sharing__publicize-message {
	margin-top: 16px;
}

.editor-sharing__publicize-share-button {
	display: block;
	width: 100%;
}
